<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<c:set var="title" value="酒店详情" scope="request" />
<jsp:include page="/head.jsp" />
</head>
<body>
	<c:import url="/news-class.do?mb=header" />
	<!-- 路径导航栏 -->
	<ol class="breadcrumb">
		<li><a href="#">七八网</a></li>
		<li><a href="hotel.html">酒店预订</a></li>
		<li class="active">订单详情</li>
	</ol>
	<div class="hotel-info-body"></div>
	<!--预定前言  -->
	
	<div
		style="padding: 5px 20px; margin-bottom: 10px; background-color: #f2f6fa;">
		<p>
			<i class="glyphicon glyphicon-modal-window" style="color: green"></i>
			<span style="color: green">预订成功后房间将为您整晚保留</span>
		</p>
		<p>
			<i class="glyphicon glyphicon-ok" style="color: green"></i> <span
				style="color: green">一诺千金，确保您入住无忧</span>
		</p>
	</div>
	<!--预定信息  -->
	<div class="panel panel-default">
		<div class="panel-heading">
			<h3 id="maue1" class="panel-title">订单信息</h3>
		</div>
		<div class="panel-body"
			style="text-align: center; margin-left: 320px;">
			<form action="hotel-pay.html" method="post">
			<input type="hidden" value="${roomTypeName }" name="roomTypeName" />
			<input type="hidden" value="${money }" name="money" />
			<input type="hidden" value="${shopId }" name="shopId" />
			<input type="hidden" value="${typeId }" name="typeId" />
			<input type="hidden" value="${orderId }" name="orderId" />
				<table style="text-align: left; padding-left: 20px; font-size: 16px">
					<tr height="30px">
						<td width="400px">入住人</td>
						<td style="padding-left: 2px;" width="400px">${sessionScope.user.userRealName }</td>
					</tr>
					<tr height="30px">
						<td>房间类型</td>
						<td style="padding-left: 2px;">${roomTypeName }</td>
					</tr>
					<tr height="30px">
						<td>入住时间</td>
						<td>${orderStartTime }</td>
					</tr>
					<tr height="30px">
						<td>离店时间</td>
						<td>${orderEndTime }</td>
					</tr>
					<tr height="30px">
						<td>应付金额</td>
						<td style="padding-left: 2px;">${money }</td>
					</tr>
					<tr>
						<td><input type="hidden" value="111" /></td>
					</tr>
					<tr>
						<td><div class="modal fade" id="myModal">
								<div class="modal-dialog modal-lg">
									<div class="modal-content">
										<!-- 模态框头部 -->
										<div class="modal-header">
											<h4 class="modal-title">酒店预订详情信息</h4>
											<button type="button" class="close" data-dismiss="modal">&times;</button>
										</div>
										<!-- 模态框主体 -->
										<div class="modal-body">
											<div
												style="border: 1px solid #d5dde0; padding: 20px; margin-top: 30px; color: #666;">
												<div>
													<strong>酒店提示：</strong>
													<div>
														为贯彻落实《上海市生活垃圾管理条例》相关规定，推进生活垃圾源头减量，上海市文化和旅游局特制定《关于本市旅游住宿业不主动提供客房一次性日用品的实施意见》，2019年7月1日起，上海市旅游住宿业将不再主动提供牙刷、梳子、浴擦、剃须刀、指甲锉、鞋擦这些一次性日用品。若需要可咨询酒店。
														根据《上海市公共场所控制吸烟条例》，从2017年3月1日起，酒店不能安排吸烟房，并禁止在酒店室内区域吸烟。</div>
												</div>
												<div>
													<strong>担保说明：</strong>
													<div>
														该订单确认后不可被取消修改，若未入住担保费用将不予退还。酒店会根据您的担保方式，预授权或暂扣RMB261用于担保。订单需等酒店或供应商确认后生效，订单确认结果以短信或邮件通知为准。
													</div>
												</div>
												<div>
													<strong>预订提示：</strong>
													<div>订单需等酒店或供应商确认后生效，订单确认结果以短信或邮件通知为准。</div>
												</div>
												<div>
													<strong>说明：</strong>
													<div>
														预订服务由上海赫程国际旅行社有限公司及其分公司提供、住宿服务由酒店提供，交易款项由商家委托旗下子公司统一收取。</div>
												</div>
											</div>
											<!-- 模态框底部 -->
											<div class="modal-footer">
												<button type="button" class="btn btn-secondary"
													data-dismiss="modal">关闭</button>
											</div>
										</div>
									</div>
								</div>
							</div>
							<label style="float: left;"> <input type="checkbox" required="required" checked="checked">我已阅读<a
								data-toggle="modal" data-target="#myModal">酒店预订详情信息</a>
						</label></td>
						<td>
							<button type="submit" class="btn btn-success">下一步，支付</button>
						</td>
					</tr>
				</table>
			</form>
		</div>
	</div>
	<jsp:include page="/footer.jsp" />
</body>
</html>
